/**
 *  input padding 撑大文本框 解决方案：
 *  http://www.zhangxinxu.com/wordpress/2012/11/firefox-input-textarea-percent-padding-bug-fixed/
 */
.rd-text{
	position: relative;
	height: @text-height;
	margin: 2px 0px;
	font-size: 13px;
	.clearfix();

	.rd-label{
		width: @label-width;
		height: 100%;
		line-height: @text-height;
		vertical-align: middle;
		text-align: right;
		display: inline-block;
		float: left;

		.rd-label-required{
			color: red;
			margin-right: 5px;
		}
	}

	.rd-label+.rd-text-warp{
		margin-left: @label-width + 10;
	}

	.rd-text-warp{
		height: 100%;
		position: relative;

		>i.fa{
			font-size: 15px;
			padding: 0 10px;
			position: absolute;
			height: @text-height;
			line-height: @text-height;
			left: 0;
			top: 0;
		}
		
		i~input{
			padding-left: 30px;
		}
		input{
			padding: 0px 5px;
			line-height: @text-height;
		}

		input, textarea{
			height: 100%;
			width: 100%;
			border: 1px solid @text-border-color;
			.border-radius();
			outline: none;
			box-sizing: border-box;
		}

		textarea{
			resize: none;
		}

		textarea.disabled, input.disabled{
			cursor: not-allowed;
			background-color: #E9E9E9;
		}

		textarea.valadator-error, input.valadator-error{
			background-repeat: repeat-x;
			background-position: bottom;
			background-image: url('../../@{default-theme}/images/invalid_line.gif');
			border-color: #C30 !important;
			box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px #F3C1BE !important;
		}

		textarea:focus,input:focus{
			border-color: rgba(82,168,236,0.8);
			box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.8);
		}

		.rd-btn{
			position: absolute;
			top: 0;
			right: 0;
			margin: 0px;
			height: @text-height;
			border-top:none;
			border-bottom: none;
			border-right: none;
			border-radius: 0px;

			&:hover{
				background: transparent;
				color: rgba(82,168,236,0.8);
			}

			&:active{
				color: rgba(123, 190, 243, 0.8);
			}
		}

		.rd-btn+input{
			padding-right: 30px;
		}
	}
}